<template>
  <div class="RouteLocation border_bottom_base">
    <span v-show="!customShow" style="font-size: 16px;font-weight: bold">{{ $route.fullPath }}</span>
    <span v-show="!customShow">  |  {{ additional }}</span>
    <span v-show="customShow">{{ customShow }}</span>
  </div>
</template>

<script>
export default {
  name: "RouteLocation",
  props: {
    additional: {
      type: String,
      default() {
        return "";
      }
    },
    customShow: {
      type: String,
      default() {
        return "";
      }
    }
  }
};
</script>

<style scoped>
.RouteLocation {
  width: 100%;
  height: 46px;
  line-height: 46px;
  padding: 0 16px;
}
</style>